<template>
	<div id="container">
		<iframe id="mapPage" width="100%" height="100%" frameborder="0" :src="MapUrl"></iframe>
	</div>
</template>
<script setup>
import { qqMapKey } from "@/config/settings";

const MapUrl = `https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=${qqMapKey}&referer=dd`;
window.addEventListener(
	"message",
	function (event) {
		// 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
		const loc = event.data;
		if (loc && loc.module === "locationPicker") {
			console.log(loc);
			// 防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
			// 服务端经纬度搞反
		}
	},
	false,
);
</script>
<style lang="scss" scoped>
#container {
	height: 100%;
}
</style>
